<!doctype html>
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->


<head>
	<title>Restaurant Biller POS</title>
	<meta charset="UTF-8">
	<meta name="description" content="">
	<meta name="author" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	


	
	<!-- CSS Styles -->
	<link rel="stylesheet" href="template/css/style.css">
	<link rel="stylesheet" href="template/css/colors.css">


	<!-- Google WebFonts -->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>

	<script src="template/js/libs/modernizr-1.7.min.js"></script>
    <script type="text/javascript" src="../lib/jquery/jquery.1.7.2.min.js"></script>

	<link type="text/css" href="../lib/jqueryui/css/flick/jquery-ui-1.8.21.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="../lib/jqueryui/js/jquery-ui-1.8.21.custom.min.js"></script>
      <script src="../js/print.js"></script> 
	  <script src="template/js/diag.js"></script>
    <script src="template/js/pos.js"></script>
</head>

<!-- Add class .fixed for fixed layout. You would need also edit CSS file for width -->
<body>

	<!-- Fixed Layout Wrapper -->
	<div class="fixed-wraper">

	<!-- Aside Block -->
	<section role="navigation">
		<!-- Header with logo and headline -->
		<header>
			<h2 style="font-size:1.8em">Orders</h2>
			<h1>point of sale system</h1>
		</header>
		
		<!-- User Info -->
        {if $user ne 0}
		<section id="user-info">
			
			<div>
			<div style="padding:5px; text-align:left">  <input type="text" name="date" id="date" value="{$smarty.now|date_format:'%Y-%m-%d'}"></div>
				<ul>
					<li><a class="button-link" href="javascript:loadOrders()"  rel="tooltip">Manual Refresh</a></li>
					<li><a class="button-link" href="?logout=1"  rel="tooltip">logout</a></li>
                    	<li><a class="button-link" href="javascript:showStats()"  rel="tooltip">Sales stats</a></li>
				</ul>
                
			</div>
   
		</section>
    
        
        
        	<section class="sidebar">    
	<h2>Processed Orders</h2>
    	<div id="old-orders">
        
        
        </div>
			
		</section>
            {/if}
		<!-- /User Info -->
		
		<!-- Main Navigation -->

		<!-- /Sidebar -->
	</section>
	<!-- /Aside Block -->
	
	<!-- Main Content -->
	<section role="main">
	{if $error ne ""}
   	<div class="notification error">
						
							<p> {$error}</p>
						</div>
                        
       {/if}
{if $user eq 0}

  <div style="text-align:center;margin:0px auto;;padding:10px;">
			<form method="post" action="index.php">
            <h3>Please Log In</h3>
		<table width="400" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td><label for="username" style="font-size:18px">Email:<br />
        <br />
        <br />
    </label></td>
    <td><input id="username" name="username" style="height:35px; font-size:26px;padding:0px"/>
      <br /></td>
  </tr>
  <tr>
    <td>	<label for="password" style="font-size:18px">Password:<br />
    <br />
    </label></td>
    <td><input id="password" name="password" type="password"  style="height:35px; font-size:26px;padding:0px"/>
      <br /></td>
  </tr>
 
  <tr>
    <td colspan="2"><p align="right" style="font-size:12px;">
      <input type="submit" value="Login" name="login"/>
        </p>      </td>
    </tr>
</table>
</form>
    </div>
{else}
<header>
<h2>Orders</h2>
</header>
<div id="orders">
<div id="message_area"></div>
	<table>
    			<thead>
										<tr>
										
                                      
											<th>Name</th>
                                              <th>Order Time</th>
											<th>Delivery?</th>
											<th>Payment Type</th>
											<th>Order Total</th>
											<th>Tags</th>
											<th>Actions</th>
										</tr>
									</thead>
									<tbody id="order-body">

  </tbody></table>
  
</div>


{/if}
	
	</section>
	<!-- /Main Content -->
	
	</div>
	<!-- /Fixed Layout Wrapper -->


<div style="display:none">
<div id="popup">
<div id="innerpop"></div></div>


<div id="delete-confirm">
<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>This order will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

</div>
</body>


</html>
